<template>
  <div class="tableLeft-con">
    <Activedata :activedata="props.activedata" :leftActiveLogIndex="props.leftActiveLogIndex" v-if="!props.istree" />

    <Treeactivdata :activedata="props.activedata" v-else />
  </div>
</template>

<script setup>
import { ref } from 'vue'
import Activedata from './components/activedata.vue'
import Treeactivdata from './components/treeactivdata.vue'
const props = defineProps({
  // true 显示 false 不显示
  istree: {
    type: Boolean,
    default: false
  },
  activedata: {
    type: Array,
    default: () => []
  },
  leftActiveLogIndex: {
    type: String,
    default: ''
  }
})





</script>

<style lang="less" scoped>
.tableLeft-con {
  background: linear-gradient(90deg, #11356F 0%, rgba(29, 46, 106, 0.5) 100%);
  border-radius: 6px;
  border: 1px solid;
  border-image: linear-gradient(39deg, rgba(69, 75, 255, 0.2), rgba(74, 90, 213, 0), rgba(78, 101, 179, 0), rgba(79, 105, 167, 0.33)) 1 1;
  width: 310px;
  padding: 22px 10px 0;
  height: 100%;
}
</style>